<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./屑/style.css">
    <title>钢琴块X</title>
</head>
<body>
    <div class="BackGround-Color">
        <div class="Main">
            <div class="Main-header">
                <h1>别踩白块儿(X)</h1>
            </div>
            <div class="Main-option">
                <a href="./屑/经典模式.html" class="btn1">经典模式</a>
                <a href="./屑/街机模式.html" class="btn1" id="C">街机模式</a>
                <a href="./屑/排行榜.html" class="btn1" id="close">排行榜</a>
            </div>
            <div class="Main-rule">
                <h5>游戏规则</h5>
                <p>只需点击<b>黑块</b>，不要踩到白块!也不要漏掉黑块啊喂!</p>
            </div>
        </div>
    </div>
</body>
</html>
<script>
//小彩蛋
var C = document.getElementById('C');
C.addEventListener('mouseover',function () {
    C.innerHTML='街舞模式';
})
C.addEventListener('mouseout',function () {
    C.innerHTML='街机模式';
})

</script>